<template>
	<fu-popup v-model="showPopup" mode="center" :mask-close-able="false">
		<view class="success">
			<!-- <image src="../../../static/xs_icon/success.png" mode=""></image> -->
			<view class="text">{{ showTitle }}</view>
			<view class="button">
				<fu-button v-if="showCancel" :ripple="true" ripple-bg-color="#eee" shape="circle"  @click="cancel()">取消</fu-button>
				<fu-button :ripple="true" ripple-bg-color="#267DFF" shape="circle" type="primary" @click="confirm()">确认</fu-button>
			</view>
		</view>
	</fu-popup>
</template>

<script>
export default {
	props: {
		showPopup: {
			type: Boolean,
			default: true
		},
		showTitle: {
			type: String
		},
		showCancel: {
			type: Boolean,
			default: true
		},
	},
	data() {
		return {};
	},
	onLoad() {
		// console.log(this.letterList)
	},
	created() {
		// console.log(this.letterList.length)
	},
	methods: {
		// 取消
		cancel(){
			this.$emit('cancel');
		},
		// 确认
		confirm() {
			this.$emit('confirm');
		}
	}
};
</script>

<style lang="scss" scoped>
//  注册成功弹窗
.success {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 8px;
	width: 80vw;
	// height: 480upx;
	text-align: center;
	padding: 65upx 28upx 54upx;
	.text {
		font-size: 32upx;
		color: #333333;
	}
	.button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 63upx;
		width: 100%;
		.fu-size-default {
			width: 210upx;
		}
	}
}
</style>
